<!DOCTYPE html>
<html lang="en" xmlns="http://www.w3.org/1999/html">
<head>
    <meta charset="UTF-8">
    <title>烧烤网站首页</title>
  <!--外部框架文件导入-->
  <link rel="stylesheet" href="../src/css/bootstrap.min.css">
  <link rel="stylesheet" href="../src/css/bootstrap-grid.min.css">
  <link rel="stylesheet" href="../src/css/bootstrap-reboot.min.css">
  <script src="../dist/js/JQ/jquery-3.3.1.min.js"></script>
  <script src="../dist/js/boost/bootstrap.bundle.min.js"></script>
  <script src="../dist/js/boost/bootstrap.min.js"></script>
  <script src="../Lbotu/jquery-1.11.3.min.js"></script>
  <link rel="stylesheet" href="../Lbotu/responsiveslides.css">
  <script src="../Lbotu/responsiveslides.min.js"></script>
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <link rel="stylesheet" type="text/css" href="../src/css/bootstrap.css"/>
  <!--内部文件导入-->
  <link rel="stylesheet" href="../src/css/SY.css">
  <script src="../dist/js/ZJ/SY.js"></script>
  <link rel="stylesheet" href="../src/css/xys.css">
</head>
<body>
<script>
  //图片轮播部分
$(function () {
  $('#dowebok').responsiveSlides();
});
</script>
  <!-- 首页头部 -->
  <header class="container-fluid">
    <div class="Navrow row">
      <div class="Navlogo col-3"><a href="SY.html"><img src="../img/icon/site-brand@2x.png" alt=""></a></div>
      <div class="Navdiv col-9">
        <nav class="navigation navbar navbar-expand-sm navbar-dark">
          <ul class="navigation_ul navbar-nav">
            <a class="Nav1" href="../html/SY.html"><i class="Navicon" icon="1"><img src="../img/nav/home.png" alt=""></i><li class="nav-item Navtext">首页</li></a>
            <a class="Nav1" href="../html/zpms.html"><i><img src="../img/nav/food.png" alt=""></i><li class="nav-item">招牌美食</li></a>
            <a class="Nav1" href="../html/tshd.html"><i><img src="../img/nav/char.png" alt=""></i><li class="nav-item">特色活动</li></a>
            <a class="Nav1" href="../html/zsjm.html"><i><img src="../img/nav/join.png" alt=""></i><li class="nav-item">招商加盟</li></a>
            <a class="Nav1" href="../html/qygk.html"><i><img src="../img/nav/ente.png" alt=""></i><li class="nav-item">企业概况</li></a>
            <a class="Nav1" href="../html/lxwm.html"><i><img src="../img/nav/menn.png" alt=""></i><li class="nav-item">联系我们</li></a>
          </ul>
        </nav>
      </div>
      <nav class="Navxy col-9">
        <div class="Navxy_btn" role="navigation">
          <h1 class="navbar-toggle" data-toggle="collapse" data-target="#example-navbar-collapse">+</h1>
        </div>
        <div class="collapse navbar-collapse" id="example-navbar-collapse" style="margin-top: 50px">
          <ul class="Navxl nav navbar-nav">
            <li class="active"><a href="../html/SY.html">首页</a></li>
            <li><a href="../html/zpms.html">招牌美食</a></li>
            <li><a href="../html/tshd.html">特色活动</a></li>
            <li><a href="../html/zsjm.html">招商加盟</a></li>
            <li><a href="../html/qygk.html">企业概况</a></li>
            <li><a href="../html/lxwm.html">联系我们</a></li>
          </ul>
        </div>
      </nav>
    </div>
  </header>
  <!--图片轮播-->
  <section class="shuffling">
    <ul class="rslides" id="dowebok">
      <li><img src="../img/banner/slider-1.jpg" alt=""></li>
      <li><img src="../img/banner/slider-2.jpg" alt=""></li>
    </ul>
  </section>
  <!--特色展示部分-->
  <section class="special container-fluid">
    <div class="special_text">
      特色展示</br>Featured display
    </div>
    <div class="special_icon row">
      <div class="icon_col col-4">
        <div class="display_icon">
          <a href="#">
            <img src="../img/icon/icon-1.png" alt="1">
            <h6>音乐</h6>
            <p>啤酒让人麻醉，音乐让人清醒，摇摆灯光深 夜美味，低吟浅唱亦或是引亢高歌。手持啤酒，碌着烧烤，一起哼唱，充分释放</p>
            <a class="double_a" href="#">了解更多  ></a>
          </a>
        </div>
      </div>
      <div class="icon_col col-4">
        <div class="display_icon">
          <a href="#">
            <img src="../img/icon/icon-2.png" alt="2">
            <h6>啤酒</h6>
            <p>音乐和啤酒就是绝配，搭配天生的华尔兹舞步现场氛围快速升温，让您体验一样与众不同的烧烤盛宴，手持啤酒，碌着烧烤</p>
            <a class="double_a" href="#">了解更多  ></a>
          </a>
        </div>
      </div>
      <div class="icon_col col-4">
        <div class="display_icon">
          <a href="#">
            <img src="../img/icon/icon-3.png" alt="3">
            <h6>聚会</h6>
            <p>音乐和啤酒就是绝配，搭配天生的华尔兹舞步现场氛围快速升温，让您体验一样与众不同的烧烤盛宴，手持啤酒，碌着烧烤</p>
            <a class="double_a" href="#">了解更多  ></a>
          </a>
        </div>
      </div>
    </div>
  </section>
  <!--新闻部分-->
  <section class="news container-fluid">
    <div class="news_text">
      新闻</br>News
    </div>
    <div class="news_row row">
      <div class="news_col col-5">
        <div class="news_case">
          <a href="#"><img src="../img/bj/news.jpg" alt=""></a>
          <div class="case_text">
            <h6><a href="#">烤天下成都新店开张</a></h6>
            <p>个性定位，打造极致体验，新店开张火爆成都，要玩要嗨就来烤天下，预定电话 8020113</p>
            <p>04-20</p>
            <p>2017</p>
          </div>
        </div>
      </div>
      <div class="news_col col-7">
        <div class="news_case2">
            <div class="input-holder">
              <input type="text" class="search-input" placeholder="搜索以前的文章" />
              <button class="search-icon"><span></span></button>
            </div>
            <div class="news_column">
              <div class="news_ul">
                <ul>
                  <li>
                    <a href="#">
                      <div class="axis-time">
                        <h4>05-16</h4>
                        <span>2017</span>
                      </div>
                      <div class="axis-title">
                        <h5>烤天下创始人做客2017央视元宵晚会</h5>
                        <p>个性定位，打造极致体验，新店开张火爆成都，要玩要嗨就来烤天下，预定电话 010-8020113</p>
                      </div>
                    </a>
                  </li>
                  <li>
                    <a href="#">
                      <div class="axis-time">
                        <h4>04-12</h4>
                        <span>2017</span>
                      </div>
                      <div class="axis-title">
                        <h5>夏天烧烤季 你的舌尖归我们</h5>
                        <p>如何让烧烤爱好者们从路边摊挪到干净的厅堂里吃烧烤？这是一个餐饮习惯的迁移问题，要打通迁移的通道，首</p>
                      </div>
                    </a>
                  </li>
                  <li>
                    <a href="#">
                      <div class="axis-time">
                        <h4>04-08</h4>
                        <span>2017</span>
                      </div>
                      <div class="axis-title">
                        <h5>做品牌，跳出套路才更有价值</h5>
                        <p>一个有生命力的品牌对于用户群体来说像一块具有内循环功能的海绵，不断的吸收，然后反作用于自身来变得更强大，从而达到更大的体量</p>
                      </div>
                    </a>
                  </li>
                </ul>
                <ul style="display: none">
                  <li>
                    <a href="#">
                      <div class="axis-time">
                        <h4>04-01</h4>
                        <span>2017</span>
                      </div>
                      <div class="axis-title">
                        <h5>我们的初心，就是让创业者们成功</h5>
                        <p>在风起云涌的餐饮江湖，烤天下异军突起，不仅凭借强势的酒吧烧烤文化刷新了烧烤行业的标准</p>
                      </div>
                    </a>
                  </li>
                  <li>
                    <a href="#">
                      <div class="axis-time">
                        <h4>03-28</h4>
                        <span>2017</span>
                      </div>
                      <div class="axis-title">
                        <h5>丹麦最近有点忧伤，</h5>
                        <p> 夏天吃烧烤有三怕，第一是呛烟四起眼泪咳嗽喝着肉一起吃；第二是邻座光膀子撸串嗨起的食客辣眼睛</p>
                      </div>
                    </a>
                  </li>
                  <li>
                    <a href="#">
                      <div class="axis-time">
                        <h4>03-26</h4>
                        <span>2017</span>
                      </div>
                      <div class="axis-title">
                        <h5>烤天下成都新店开张</h5>
                        <p>个性定位，打造极致体验，新店开张火爆成都，要玩要嗨就来烤天下，预定电话 010-8020113</p>
                      </div>
                    </a>
                  </li>
                </ul>
              </div>
              <div class="news_page">
                <a class="news_on" href="javascript:void(0)"> < </a>
                <a class="news_next" href="javascript:void(0)"> > </a>
              </div>
            </div>
        </div>
      </div>
    </div>
  </section>
  <!--要味道更要腔道-->
  <section class="accent container-fluid">
    <div class="accent_log"><img src="../img/icon/in-title.png" alt="" style="width: 280px;height: 45px"></div>
    <div class="accent_row row">
      <div class="taste col-12">
        <h5>要味道</h5>
        <p>一店撸遍全球，现串现烤，想怎么吃就怎么吃。鲜香麻辣，浓油赤酱，满足每个挑剔的吃货。尽情撸串，酣畅淋漓，体味人间美食。</p>
        <img src="../img/pd/ad-1.jpg" alt="">
      </div>
    </div>
    <div class="accent_row row">
      <div class="taste col-12">
        <h5>更要腔调</h5>
        <p>大口撸串，放肆喝酒，尽情high唱，这里没有规矩，没有界限，追求自由和释放才是属于年轻人自己的腔调。</p>
        <img src="../img/pd/ad-2.jpg" alt="">
      </div>
    </div>
    <div class="fast_row row">
      <div class="fast col-3">
        <img src="../img/icon/f-1.png" style="width: 33px; height: 40px; margin-right: 20px" alt="">
        <p>半成品输出，极速配送</p>
      </div>
      <div class="fast col-3">
        <img src="../img/icon/f-2.png" style="width: 33px; height: 40px; margin-right: 20px" alt="">
        <p>半成品输出，极速配送</p>
      </div>
      <div class="fast col-3">
        <img src="../img/icon/f-3.png" style="width: 33px; height: 40px; margin-right: 20px" alt="">
        <p>半成品输出，极速配送</p>
      </div>
      <div class="fast col-3">
        <img src="../img/icon/f-4.png" style="width: 33px; height: 40px; margin-right: 20px" alt="">
        <p>半成品输出，极速配送</p>
      </div>
    </div>
  </section>
</body>
</html>
